// !走马灯轮播
xTrans = [];
anime.set('.boxes', {
    translateX: function(el, i, l) {
        xTrans[i] = {
            x: i * 150
        };
        return i * 150;
    },
});

anime({
    targets: xTrans,
    duration: 6000,
    easing: 'linear',
    x: "+=1200",
    loop: true,
    update: function(anim) {
        anime.set('.boxes', {
            translateX: function(el, i, l) {
                return xTrans[i].x % 1200
            }
        });
    }
})
let spanX = 0;
let spanY = 0;
// ! 鼠标 按下
$('.scroll span').on('mousedown', function(e) {
    let spanX = e.offsetX;
    clearInterval(time);
    // ! 鼠标 移动
    $(document).on('mousemove', fn);

    function fn(e) {
        clearInterval(time)
        let x = e.clientX - $('.scroll').offset().left - spanX
        $('.scroll span').css('left', x)
        $('.cyclic-Slideshow ul').css('left', -x * 2.32)
        if (x <= 0) {
            $('.scroll span').css('left', 0)
            $('.cyclic-Slideshow ul').css('left', 0)
        }
        if (x >= 860) {
            $('.scroll span').css('left', 660)
            $('.cyclic-Slideshow ul').css('left', -800)
        }
    };
    // ! 鼠标 移出
    $(document).on('mouseup', function(e) {
        $(this).off('mousemove', fn)
        clearInterval(time)
    })
});
// ! 划过 动画
$('#nicegoods-wrap').hover(() => {
    clearInterval(time)
    $('.scroll').animate({ opacity: 1 }, 500, 'swing')
}, () => {
    $('.scroll').animate({ opacity: 0 }, 500, 'swing')
    clearInterval(time)
    timer()
})